<style lang='scss' type='stylesheet/scss' scoped>
.as-button {
  margin-bottom: 10px;
}
</style>
<template>
  <div>
    <as-h2>circle</as-h2>
    <as-card :text="text" title="设置 circle 的按钮会变成原型按钮,可以在按钮内添加 icon">
      <as-button icon="el-icon-edit" circle></as-button>
      <as-button icon="el-icon-plus" circle type="primary"></as-button>
      <as-button icon="el-icon-delete" disabled circle type="success"></as-button>
      <as-button icon="el-icon-view" circle dashed type="warning"></as-button>
      <as-button circle border type="danger">
        <i class="el-icon-close"></i>
      </as-button>
    </as-card>
  </div>
</template>

<script type="text/ecmascript-6">
export default {
  name: "",
  data() {
    return {
      text: `<template>
   <div>
     <as-button icon="el-icon-edit" circle></as-button>
     <as-button icon="el-icon-plus" circle type="primary"></as-button>
     <as-button icon="el-icon-delete" disabled circle type="success"></as-button>
     <as-button icon="el-icon-view" circle dashed type="warning"></as-button>
     <as-button circle border type="danger">
       <i class="el-icon-close"></i>
     </as-button>
   </div>
 </template>`
    };
  }
};
</script>
